{{ define "main" }}
<section class="section container-fluid mt-n3 pb-3">
  <div class="row justify-content-center">
    <div class="col-lg-12 text-center">
      <h1 class="mt-0">libp2p Documentation Portal</h1>
    </div>
  </div>
</section>
    <div class="row justify-content-center">
        <div class="col-lg-8">
            <h2 class="mt-0">Modular networking stack</h2>
            <p class="lead">libp2p is a modular system of protocols, specifications and libraries that enable the development of peer-to-peer network applications.
                            There are many distributed peer-to-peer network models with different challenges and tradeoffs that try to improve on the way we network.
                            Libp2p aims to be a modular, general-purpose toolkit for any peer-to-peer application.</p>
            <p class="lead"><a href="/concepts/introduction/overview/"><b>Learn about libp2p→</b></a></p>
        </div>
        <div class="col-lg-4 text-center pt-3 d-none d-lg-block">
            <img style="max-height:450px;" src="logos/libp2p_color_symbol.png" />
        </div>
    </div>
</section>
<section class="section container-fluid">
    <div class="row justify-content-center">
        <div class="col-lg-4 text-center pt-3 d-none d-lg-block">
            <img style="max-height:250px;" src="logos/libp2p_monochrome_hero.png" />
        </div>
        <div class="col-lg-8">
            <h2 class="mt-0">Powering the distributed web</h2>
            <p class="lead">libp2p powers many distributed and peer-to-peer systems. Developers can use libp2p as a networking layer to build peer-to-peer applications.</p>
            <p class="lead"><a href="/guides/"><b>Get started with libp2p→</b></a></p>
        </div>
    </div>
</section>
{{ end }}


{{ define "sidebar-prefooter" }}
{{ if eq $.Site.Language.LanguageName "English" }}
{{ end }}
{{ end }}


{{ define "sidebar-footer" }}
<section class="section section-sm container-fluid">
    <div class="row justify-content-center text-center">
        <div class="col-lg-9">
            {{- .Content -}}
        </div>
    </div>
</section>
{{ end }}
